<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>

	<style type="text/css">
.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}

.ui-widget {
	font-size: 9px !important;
}

.size {
	width: 700px;
	position: relative;
	left: 24%;
	top: 10%;
}

.centro {
	top: 50%
}

.tabela {
	width: 750px;
}
</style>


	<title>Cadastro de Conta Corrente</title>
</h:head>
<h:body>
	<ui:decorate template="/templateBase.xhtml">
		<ui:define name="center">
			<p:growl id="growl" life="3000" autoUpdate="true" />
			<h:form prependId="false" id="formCadastro">

				<br />
				<br />
				<br />
				<p:panel header="Cadastrar Conta Corrente" styleClass="size"
					toggleable="true"
					footer="SIGLAS - Sistema de Gerenciamento de Laboratório de Análise de Solo">

					<br />

					<h:outputText value="ID:" />
					<h:panelGrid columns="2">

						<p:inputText size="10" id="txtId" readonly="true" />
						<p:commandButton icon="ui-icon-search"
							oncomplete="dlgConta.show()" immediate="true" />

					</h:panelGrid>

					<h:outputText value="Banco:" />
					<h:panelGrid columns="2">

						<p:inputText maxlength="50" size="50" id="txtBanco"
							required="true" requiredMessage="Selecione o banco"
							readonly="true" />
						<p:commandButton icon="ui-icon-search"
							oncomplete="dlgBanco.show()" immediate="true" />
					</h:panelGrid>

					<h:outputText value="Agência:" />
					<h:panelGrid columns="2">

						<p:inputText maxlength="50" size="50" id="txtAgencia"
							readonly="true" required="true"
							requiredMessage="Selecione a agência" />
						<p:commandButton icon="ui-icon-search"
							oncomplete="dlgAgencia.show()" immediate="true" />

					</h:panelGrid>

					<h:panelGrid columns="2">
						<h:panelGrid>
							<h:outputText value="Descrição:" />
							<p:inputText size="50" />
						</h:panelGrid>

						<h:panelGrid>
							<h:outputText value="C/C:" />
							<p:inputText size="30" />
						</h:panelGrid>
					</h:panelGrid>
					<br />
					<p:tabView>
						<p:tab title="Cedente">

							<h:panelGrid>
								<h:outputText value="Tipo de Registro" />
								<p:selectOneMenu>
									<f:selectItem itemDisabled="true" itemLabel="Selecione" />
									<f:selectItem itemLabel="Sem registro" itemValue="Sem Registro" />
									<f:selectItem itemLabel="Com registro" itemValue="Com Registro" />
								</p:selectOneMenu>
							</h:panelGrid>

							<h:panelGrid columns="3">
								<h:panelGrid>
									<h:outputText value="Carteira" />
									<p:inputText size="15" />
								</h:panelGrid>

								<h:panelGrid>
									<h:outputText value="Nosso número" />
									<p:inputText size="20" />
								</h:panelGrid>

								<h:panelGrid>
									<h:outputText value="Nº cedente" />
									<p:inputText size="20" />
								</h:panelGrid>
							</h:panelGrid>
						</p:tab>
					</p:tabView>
					<br />
					<p:separator />
					<br />

					<div align="center">
						<h:panelGrid columns="2">
							<p:commandButton value="Salvar" icon="ui-icon-disk" />
							<p:commandButton value="Cancelar" icon="ui-icon-cancel" />
						</h:panelGrid>
					</div>

				</p:panel>
			</h:form>

			<p:dialog id="pesquisaBanco" widgetVar="dlgBanco" width="450"
				height="300" header="Pesquisar Bancos" closable="true"
				resizable="false" showEffect="clip" hideEffect="clip">
				<h:form>
					<p:dataTable id="tabelaBanco" var="ban" paginator="true" rows="10"
						selectionMode="single">

						<p:column headerText="Código">
							<h:outputText />
						</p:column>

						<p:column headerText="Descrição">
							<h:outputText />
						</p:column>

						<p:column headerText="Sigla">
							<h:outputText />
						</p:column>

						<p:column headerText="Ação">
							<p:commandButton value="Selecionar" oncomplete="dlgBanco.wide()"
								process="@this" immediate="true" ajax="false" />
						</p:column>

					</p:dataTable>
				</h:form>
			</p:dialog>

			<p:dialog id="pesquisaAgencia" widgetVar="dlgAgencia" width="450"
				height="300" header="Pesquisa Agência" closable="true"
				resizable="false" showEffect="clip" hideEffect="clip">
				<h:form>
					<p:dataTable id="tabelaAgencia" var="ban" paginator="true"
						rows="10" selectionMode="single">

						<p:column headerText="Código">
							<h:outputText />
						</p:column>

						<p:column headerText="Nome da Agência">
							<h:outputText />
						</p:column>

						<p:column headerText="Ação">
							<p:commandButton value="Selecionar" oncomplete="dlgBanco.wide()"
								process="@this" immediate="true" ajax="false" />
						</p:column>

					</p:dataTable>
				</h:form>
			</p:dialog>

			<p:dialog id="pesquisaConta" widgetVar="dlgConta" width="450"
				height="300" header="Pesquisa Conta" closable="true"
				resizable="false" showEffect="clip" hideEffect="clip">
				<h:form>
					<p:dataTable id="tabelaConta" var="ban" paginator="true" rows="10"
						selectionMode="single">

						<p:column headerText="Código">
							<h:outputText />
						</p:column>

						<p:column headerText="Descrição">
							<h:outputText />
						</p:column>

						<p:column headerText="C/C">
							<h:outputText />
						</p:column>

						<p:column headerText="Ação">
							<p:commandButton value="Selecionar" oncomplete="dlgBanco.wide()"
								process="@this" immediate="true" ajax="false" />
						</p:column>

					</p:dataTable>
				</h:form>
			</p:dialog>

		</ui:define>
	</ui:decorate>
</h:body>
</html>
